<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta http-equiv="pragma" content="no-cache"> 
		<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
		<meta http-equiv="expires" content="0">
    <link rel="icon" href="<%= BASE_URL %>favicon.png">
    <title><%= webpackConfig.name %></title>
    <link rel="stylesheet" type="text/css" href="https://mpay-static.oss-cn-hangzhou.aliyuncs.com/html/lib/state-secret/microdone.css">
    <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
    <!-- 使用CDN的CSS文件 -->
    <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
    <link href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" rel="stylesheet">
    <% } %>
	  <style>
    html,
    body,
    #app {
      height: 100%;
      margin: 0px;
      padding: 0px;
    }
    .amap-logo, .amap-copyright{
      display: none !important;
      opacity: 0 !important;
    }
.loader{
  height: 100vh;
  background-color: fff;
  position: relative;
}
.ball-clip-rotate{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ball-clip-rotate>div {
        background-color: blue;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        margin: 2px;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        border: 2px solid blue;
        border-bottom-color: transparent;
        height: 25px;
        width: 25px;
        background: transparent !important;
        display: inline-block;
        -webkit-animation: rotate 0.75s 0s linear infinite;
        animation: rotate 0.75s 0s linear infinite;
}

@keyframes rotate {
        0% {
                -webkit-transform: rotate(0deg) scale(1);
                transform: rotate(0deg) scale(1);
        }

        50% {
                -webkit-transform: rotate(180deg) scale(0.6);
                transform: rotate(180deg) scale(0.6);
        }

        100% {
                -webkit-transform: rotate(360deg) scale(1);
                transform: rotate(360deg) scale(1);
        }
}



  </style>
  <script type="text/javascript">
    window._AMapSecurityConfig = {
      securityJsCode: '47c83c1d8f95114f892a171a0b4c15ca'
    }
  </script>
  </head>
  <body>
    <div id="app">
      <div class="loader">
        <div class="loader-inner ball-clip-rotate">
          <div></div>
        </div>
      </div>
    </div>

      
  <!-- built files will be auto injected -->
  <script type="text/javascript" src="https://mpay-static.oss-cn-hangzhou.aliyuncs.com/html/lib/state-secret/jquery.min.js"></script>
  <script type="text/javascript" src="https://mpay-static.oss-cn-hangzhou.aliyuncs.com/html/lib/state-secret/microdone-220322.js"></script>  
  <script type="text/javascript" src="https://lib.baomitu.com/echarts/5.0.2/echarts.common.js"></script>
  <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
    <script src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
  <% } %>
  <!--  <script type="text/javascript" src="/js/flexible.js"></script> -->
  
  </body>
</html>
